<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Quero Bolsa</title>

<link rel="stylesheet" type="text/css" href="css/layout.css" />

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>

<script type="text/javascript" src="js/modal.js"></script>

</head>

<body>

<div id="container">

<div id="cabecalho">

<img src="img/QueroBolsa_Logo.png" alt="QueroBolsa_Logo"/>

<div id="logar">
<img src="img/cadeado.png" /><p>Login</p>
<br />
	<form id="login">
    <div class="field">
    <label for="usuario">Usuário:</label>
    <br />
    <input type="text" class="input" name="senha" id="senha" />
	</div>
    <div class="field">
    <label for="usuario">Senha:</label>
    <br />
    <input type="password" class="input" name="senha" id="senha" />
	</div>
    <br />
    <button id="entrar">Entrar</button>
    </form> 

</div>

<form id="pesquisa" action="">

<input type="button" />

<select>
  <option value="Monitoria">Monitoria</option>
  <option value="Iniciação">Iniciação</option>
  <option value="PBIC">PBIC</option>
  <option value="PBID">PBID</option>
</select>

<input type="search" name="pesquisar" placeholder="Digite a sua pesquisa..." />
<p>Ex.: Agronomia, História, Matemática.</p>
</form>

</div>

<div id="content">

<div id="recentes">
<h1>Recentes</h1>

<div id="recentes_bloco1">
<br />
<h3>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<br />
<h3>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 2</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<br />
<h3>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 3</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

</div>

<div id="recentes_bloco2">
<br />
<h3>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 4</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<br />
<h3>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 5</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<br />
<h3>22/12/2013 - <a href="#dialog" name="modal">Bolsa 6</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

</div>

</div>

<div id="antigas">
<h2>Ofertas</h2>

<ul id="antigas_bloco1">
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
</ul>

<ul id="antigas_bloco2">
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" name="modal">Bolsa 1</a></h4></li>
</ul>

<ul id="antigas_bloco3">
<li><h4>22/12/2013 - <a href="#dialog1" rel="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" rel="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" rel="modal">Bolsa 1</a></h4></li>
<li><h4>22/12/2013 - <a href="#dialog1" rel="modal">Bolsa 1</a></h4></li>
</ul>

</div>

</div>

<div id="rodape">

<img src="img/sprite.png" />
<p>Todos os direitos reservados - UFRPE</p>
</div>

</div>

</body>
</html>
